<template>
  <div class="ewt-index">
    <section class="section1 color-white f-c-cc">
      <p class="font-60 font-bold mb-20">易往数字科技工业互联网平台</p>
      <p class="font-30">打造工业互联网服务生态平台</p>
    </section>
    <section class="section2 f-c-lr color-black">
      <p class="font-30 font-bold mb-20">资讯洞察</p>
      <p class="font-18 color-grey">与时俱进，获取新闻一手咨询</p>
      <ul class="main-width f-between">
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </section>
    <section class="section3 f-c-lr color-black" id="product">
      <p class="font-30 font-bold mb-20">产品与服务</p>
      <p class="font-18 color-grey">与时俱进，获取新闻一手咨询</p>
      <ul class="main-width f-between">
        <li class="f-c-cc">
          <i class="be-icon-goods mb-10 font-30 color-primary"></i>
          <span class="color-primary">研发设计</span>
        </li>
      </ul>
    </section>
    <section class="section4">
      <ul class="clearfix main-width">
        <li class="f-c-tb">
          <p class="mb-20">平台开放</p>
          <p class="color-999">研发设计设计</p>
        </li>
        <li class="f-c-tb">
          <p class="mb-20">平台开放</p>
          <p class="color-999">研发设计设计</p>
        </li>
        <li class="f-c-tb">
          <p class="mb-20">平台开放</p>
          <p class="color-999">研发设计设计</p>
        </li>
        <li class="f-c-tb">
          <p class="mb-20">平台开放</p>
          <p class="color-999">研发设计设计</p>
        </li>
        <li class="f-c-tb">
          <p class="mb-20">平台开放</p>
          <p class="color-999">研发设计设计</p>
        </li>
        <li class="f-c-tb">
          <p class="mb-20">平台开放</p>
          <p class="color-999">研发设计设计</p>
        </li>
      </ul>
    </section>
    <section class="section5 f-c-lr color-white">
      <p class="font-30 bold mb-20">物联接入</p>
      <p class="font-20">工业互联网平台为您提供的物联服务</p>
    </section>
  </div>
</template>
<script>
export default {
  data () {
    return {}
  }
}
</script>
<style lang="scss">
.ewt-index {
  .section1 {
    width: 100%;
    height: 37vw;
    background-color: rgb(46, 68, 103);
    color: $color-white;
  }
  .section2 {
    background-color: #f6f9fb;
    padding-top: 2.5vw;
    height: 26vw;
    .main-width {
      li {
        width: 22.5vw;
        height: 9vw;
        background-color: #999;
        margin-top: 2.5vw;
      }
    }
  }
  .section3 {
    padding-top: 2.5vw;
    .main-width {
      margin-top: 2.5vw;
      li {
        width: 14vw;
        height: 6vw;
        border-bottom: 1px solid $color-primary;
      }
    }
  }
  .section4 {
    width: 100%;
    height: 15vw;
    background-color: #f6f9fb;
    .clearfix {
      li {
        width: 15vw;
        float: left;
        padding-left: 1vw;
        height: 5vw;
      }
      padding-top: 1.5vw;
    }
  }
  .section5 {
    padding-top: 2.5vw;
    background-color: #213257;
    height: 600px;
  }
}
</style>
